   // 登陆注册 页面跳转
    $('.login a').on('click', function () {
        $('.login').hide().next().show()
    });

    $('.register a').on('click', function () {
        $('.register').hide().prev().show()
    });

    //注册功能
    // 必须在form元素中进行表单提交
    $('.register form').on('submit', function (e) {
        //console.log(e);
        // 阻止默认跳转
        /* 
        如果不做阻止默认行为 在注册表单中填提交就会直接向地址传参,跳转类似这样的地址,拿不到表单的值
        :http://127.0.0.1:5500/login.html?username=qwe&password=qwe
        阻止后,提交表单还会在原来的地址里
        */
        e.preventDefault();
        //收集数据
        let data = $(this).serialize();
        console.log(data);

        // 用Ajax请求数据 就要记得把表单中input的name属性设置为接口函数的默认请求参数名
        $.ajax({
            type: 'POST',
            url: '/api/reguser',
            data: data,
            success: function (res) {
                //  回调函数会返回一个对象{"status":0,"message":"注册成功"}
                //console.log(res);
                if (res.status === 0) {
                    //  类似模态框的弹出,返回响应的message
                    layer.msg(res.message);

                    //提交成功后重置表单,跳转登陆页  reset()是DOM方法
                    $('.register form')[0].reset();
                    $('.register').hide().prev().show()
                };

            },
        });

    });


    //自定义表单验证规则功能
    // 1. 加载 form 模块
    // let 变量 = layui.模块名;
    let form = layui.form;
    // 2. 调用 verify 方法，编写验证规则
    // console.log(form);
    form.verify({
        // 键(验证规则): 值(验证方法),
        // 验证用户名长度 2~10位
        // user: [正则表达式, '验证不通过时的提示'],
        user: [/^[a-zA-Z]\w{1,9}$/, '用户名格式不正确'], // 注意是 {1,9} 不是 {1, 9}
        // 验证密码长度 6~12位，且不能有空格
        len: [/^\S{6,12}$/, '密码必须是非空白，长度6~12位'],
        // 验证两次密码是否一致
        same: function (val) {
            // 形参 val 表示使用该验证规则的输入框的值
            // 因为页面中，确认密码框使用了这个验证规则，所以这里的 val 表示输入的确认密码
            // 获取密码
            let pwd = $('.pwd').val();
            if (pwd !== val) {
                return '两次密码不一致，看准了';
            }
            // return '验证不通过时的提示信息';
        }
    });

    // 登陆功能
   
    $('.login form').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
          type: 'POST',
          url: '/api/login',
          data: $(this).serialize(),
          success: function (res) {
      
            if (res.status === 0) {
              // 登录成功，把token值保存到本地存储
              localStorage.setItem('token', res.token);
              layer.msg(res.message, { time: 1500 }, () => location.href = './index.html');
            } else {
              layer.msg(res.message);
            }
          }
        })
      })
